#{extends '/template/template.html' /}

	<div id="galeria">
		<img class="imagem-visualizar" src="/public/upload/${produto.imagem}"/>
	</div>
	<div id="direita">
		<h2>${produto.nome}</h2>
		<p>
			${produto.descricao.nl2br()}
		</p>
		
    	Preço: ${produto.preco}. <br/><br/>

    	<form action="@{Carrinho.addProdutoNoCarrinho(produto)}" method="post">
		    <input type="submit" value="Adicionar no carrinho" />
		</form>
	</div>
	<div class="clear"></div>
	<br/><br/><br/>
	
	<div id="comentarios">
		<div id="comentario_left">
		<h3>Comentarios:</h3>
	    
	    
	    #{list items: listaComentario, as: 'comentario'}
	    	<h4>${comentario.nome}
	    	:</h4>	
			<p>
				${comentario.conteudo}
			</p>
			
			<br/>
		
		#{/list}
		
		</div>
	
		<div id="comentario_right">
			<h3>	Adicionar Comentario:</h3>
			<form action="@{Comentarios.inserirComentario()}" method="post">
				<input type="hidden" value="${produto.id}" name="_produto_id"/>
				<span>Nome:</span> <br/>
				<input type="text" name="_nome" size="50"/>
			    <br/>
			    
				<span>Conteudo:</span> <br/>
			    <textarea rows="6" cols="40" name="_conteudo"></textarea>
			    <br/>
				
			    <input type="submit" value="Adicionar" />
			</form>
		</div>
	<div class="clear"></div>
	</div>